@import url("/style/css/site/reset.css");

body {color:#000; background-color:#fff; font:14px Arial,Helvetica,'MS Sans Serif',sans-serif}
td,th {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}
input,textarea,option,select {color:#000; font:1em Arial,Helvetica,'MS Sans Serif',sans-serif}

/* // ---- typography ---- // */

a {color:#194cc4; text-decoration:underline}
a:hover {color:#0a3aaa}

.c-gray {color:#464646}

.main-title {color:<?=$this->colorPageTitle;?>; font-size:36px; padding-bottom:13px}

/* -- ---- typography ---- -- */

#minWidth {position:relative; width:950px; padding-right:34px}

.side-col {float:left; width:250px; padding-bottom:20px}
.long-col {float:right; width:660px}

.logo {margin-bottom:10px; width:<?=$this->logo['width'];?>px; height:<?=$this->logo['height'];?>px; background:url(<?=($this->logo['file'] ? _ROOT_URL_STATIC.$this->logo['file'] : '');?>)}
	.logo a {position:relative; display:block; width:<?=$this->logo['width'];?>px; height:<?=$this->logo['height'];?>px}

/* // ---- navigation ---- // */
	/* // ---- graphic nav ---- // */
	.graphic-nav {background-color:<?=$this->menuConfig['bg_color'];?>; margin-bottom:10px}
		.graphic-nav li {}
		.graphic-nav .head {color:<?=$this->menuConfig['text_color_first'];?>; position:relative; display:block; height:35px; font-size:20px; font-weight:bold; line-height:35px; text-indent:30px; overflow:hidden; background-color:<?=$this->menuConfig['bg_color_first'];?>; text-decoration:none}
		.graphic-nav .head i {position:absolute; top:0; left:0; width:100%; height:35px}
		.graphic-nav a.head:hover {color: <?=$this->menuConfig['text_color_over_first'];?>; background-color:<?=$this->menuConfig['bg_color_over_first'];?>}
			.graphic-nav a.head:hover i {background-position:0 -35px}
		.graphic-nav .here {color:<?=$this->menuConfig['text_color_active_first'];?>; background-color:<?=$this->menuConfig['bg_color_active_first'];?> !important}
			.graphic-nav .here i {background-position:0 -70px !important}
		.graphic-nav ul {font-size:13px; padding:4px 0 15px; background-color:<?=$this->menuConfig['bg_color_second'];?>}
			.graphic-nav ul a {color:<?=$this->menuConfig['text_color_second'];?>}
				.graphic-nav ul a:hover {color:<?=$this->menuConfig['text_color_over_second'];?>}
			.graphic-nav ul li {padding:3px 15px 5px 30px}
			.graphic-nav ul .hr {position:relative; display:block; margin:-3px -15px -5px -30px; padding:3px 15px 5px 30px; color:<?=$this->menuConfig['text_color_active_second'];?>; background-color:<?=$this->menuConfig['bg_color_active_second'];?>; font-weight:normal}
			.graphic-nav ul ul {font-size:11px; padding:5px 0 1px}
				.graphic-nav ul ul li {position:relative; margin:0 -15px 0 -30px; padding:3px 15px 3px 47px}
					.graphic-nav ul ul li .hr {padding:3px 15px 3px 47px; margin-left:-47px; margin-bottom:-3px}
	/* -- ---- graphic nav ---- -- */
	/* // ---- text nav ---- // */
	.text-nav {background-color:<?=$this->menuConfig['bg_color'];?>; margin-bottom:10px; padding:10px 0}
		.text-nav li {}
		.text-nav .head {color:<?=$this->menuConfig['text_color_first'];?>; position:relative; display:block; font-size:18px; padding:3px 10px 5px 30px; background-color:<?=$this->menuConfig['bg_color_first'];?>;}
		.text-nav a.head:hover {color: <?=$this->menuConfig['text_color_over_first'];?>; background-color:<?=$this->menuConfig['bg_color_over_first'];?>; text-decoration:none}
		.text-nav .here {color:<?=$this->menuConfig['text_color_active_first'];?>; background-color:<?=$this->menuConfig['bg_color_active_first'];?> !important; font-weight:normal}
		.text-nav ul {font-size:13px; padding:0 0 7px; background-color:<?=$this->menuConfig['bg_color_second'];?>}
			.text-nav ul a {color:<?=$this->menuConfig['text_color_second'];?>}
				.text-nav ul a:hover {color:<?=$this->menuConfig['text_color_over_second'];?>}
			.text-nav ul li {padding:3px 15px 5px 30px}
			.text-nav ul .hr {position:relative; display:block; margin:-3px -15px -5px -30px; padding:3px 15px 5px 30px; color:<?=$this->menuConfig['text_color_active_second'];?>; background-color:<?=$this->menuConfig['bg_color_active_second'];?>; font-weight:normal}
			.text-nav ul ul {font-size:11px; padding:5px 0 0}
				.text-nav ul ul li {position:relative; margin:0 -15px 0 -30px; padding:3px 15px 3px 47px}
				.text-nav ul ul li .hr {padding:3px 15px 3px 47px; margin-left:-47px; margin-bottom:-3px}
	/* -- ---- text nav ---- -- */
/* -- ---- navigation ---- -- */

/* // ---- new project block ---- // */
.new-projects-block {font-size:13px; padding:16px 15px 17px 30px}
	.new-projects-block h3 {font-size:14px; padding-bottom:11px}
	.new-projects-block p {padding-bottom:7px}
	.new-projects-block big {font-size:14px; font-weight:bold}
/* -- ---- new project block ---- -- */

/* // ---- top panel ---- // */
.top-panel {font-size:12px; padding:9px 0 11px}
	.top-panel .smap {float:right; padding-top:3px}
	.top-panel a {color:#688fec}
	.top-panel a:hover {color:#476fcf}
	.top-panel .search-block {float:right; padding-right:21px}
		.top-panel .search-block input {float:left}
		.top-panel .search-block .inp-txt {position:relative; z-index:1; padding-top:2px; padding-bottom:1px; padding-right:25px; width:209px}
		.top-panel .search-block .btn {position:relative; z-index:2; left:-18px; margin:5px -18px 0 0}
/* -- ---- top panel ---- -- */

.vis-block {padding-bottom:16px}

/* // ---- grids ---- // */
.grid2col {}
	.grid2col .col-1 {float:left; width:305px}
	.grid2col .col-2 {position:relative; float:right; width:305px; right:25px}
	
.grid2lcol {}
	.grid2lcol .width50 {width:330px}
/* -- ---- grids ---- -- */

.briefly-txt {font-size:16px; line-height:20px; padding-bottom:11px}
.fast-descript {font-size:12px; line-height:17px; padding-top:3px; padding-bottom:11px}
	.fast-descript p {padding-bottom:5px}
	.fast-descript ul {}
		.fast-descript ul li {padding:0 0 5px 15px; background:url(/files/images/site/li.gif) no-repeat 0 9px}

.offer-big {color:#fff; font-size:24px; font-weight:bold; line-height:28px; background:#03309d url(/files/images/site/offer-bg.png) repeat-x 0 0; padding:13px 17px 20px; margin-bottom:30px}
	.offer-big a {color:#fff !important}

/* // ---- path ---- // */
.path {position:relative; top:-3px; color:#979797; font-size:12px}
	.path a {color:#979797}
	.path a:hover {color:#556b7a}
	.path li {float:left; background:url(/files/images/site/path-ar.gif) no-repeat 100% 6px; padding-right:19px; margin-right:6px}
		.path li.active {background:url(/files/images/site/path-active.gif) no-repeat 100% 8px; padding-right:21px; margin-right:0}
/* -- ---- path ---- -- */

/* // ---- for editor ---- // */
.for-editor {line-height:18px}
	.for-editor h2 {color:#464646; font-size:24px; line-height:normal; text-transform:uppercase; clear:both; letter-spacing:5px; padding-bottom:9px}
	.for-editor h3 {color:#010101; font-size:18px; font-weight:normal; line-height:normal; padding-bottom:12px}
	.for-editor h4 {font-size:14px; padding-bottom:7px}
	.for-editor p {padding-bottom:17px}
	.for-editor ul {padding-bottom:20px}
		.for-editor ul li {background:url(/files/images/site/li1.gif) no-repeat 0 9px; padding:0 0 4px 19px}
	.for-editor .dt {color:#979797; font-size:12px; padding-bottom:9px}
	.for-editor .big-t {font-size:16px; line-height:24px}
.in-block {float:right; color:#fff; font-size:12px; width:295px; background-color:#000a7f; margin:6px 0 23px 15px; padding:0 15px 0 20px}
	.in-block .ph {position:relative; margin:0 -15px 11px -20px}
	.in-block ul {padding:0 0 17px !important}
		.in-block li {padding:0 0 0 16px !important; background-image:url(/files/images/site/li-w.gif) !important}
/* -- ---- for editor ---- -- */

/* // ---- fast navigation ---- // */
.fast-navigation {position:relative; margin:15px 0 30px; background-color:<?=$this->colorDark;?>; height:39px; line-height:39px; padding:0 10px}
	.fast-navigation .l-fast {float:left; width:48%; font-weight:bold}
	.fast-navigation .c-fast {position:relative; float:left; width:4%; color:#979797; margin-right:-15%; text-align:center}
		.fast-navigation .c-fast .ctrl-ar {}
		.fast-navigation .c-fast i {position:absolute; top:18px; width:21px; height:5px; background:url(/files/images/site/ctrl-ar.gif); font-size:1px}
		.fast-navigation .c-fast .l {left:-29px}
		.fast-navigation .c-fast .r {right:-29px; background-position:100% 0}
	.fast-navigation .r-fast {float:right; width:48%; font-weight:bold; text-align:right}
	.fast-navigation .b {position:absolute; width:0; height:1px; border-bottom:19px solid transparent; border-top:19px solid transparent; overflow:hidden}
	.fast-navigation .l-b {left:-19px; border-right:19px solid <?=$this->colorDark;?>}
	.fast-navigation .r-b {right:-19px; border-left:19px solid <?=$this->colorDark;?>}
	.fast-navigation .disabled {color:#979797 !important; text-decoration:none}
/* -- ---- fast navigation ---- -- */

/* // ---- news list ---- // */
.news-list, .news2col {line-height:18px}
	.news-list li {padding-bottom:16px}
	.news-list .img-cover, .news2col .img-cover {float:left; margin:5px 10px 0 0}
	.news-list .dt, .news2col .dt, .side-news .dt {color:#979797; font-size:12px; padding-bottom:1px}
	.news-list h2, .news2col h2, .side-news .title {font-size:18px; font-weight:normal; line-height:normal; padding-bottom:6px}
/* -- ---- news list ---- -- */

/* // ---- faq ---- // */
.faq-hide {display:none; padding-top:12px}
.faq-list {padding-bottom:8px;}
	.faq-list li {padding:0 0 16px 0 !important; line-height:18px; background: none !important;}
	.faq-list h2 {font-size:18px; font-weight:normal; line-height:normal; text-transform:none; letter-spacing:normal; padding-bottom: 0;}
		.faq-list h2 a {text-decoration:none; border-bottom:1px dashed}
/* -- ---- faq ---- -- */

/* // ---- gallery items ---- // */
.gallery-items {position:relative; margin-left:-30px}
	.gallery-items table {width:100%}
	.gallery-items td {padding:0 0 24px 30px; vertical-align:bottom}
	.gallery-items .ph {width:200px; text-align:center}
	.gallery-items h2 {font-size:18px; font-weight:normal; line-height:24px; padding-bottom:14px}
/* -- ---- gallery items ---- -- */

/* // ---- gallery view ---- // */
.gscroll {position:relative; background-color:<?=$this->colorLight;?>; overflow:auto; width:100%; margin-bottom:20px; overflow-y:hidden; height:137px}
	.gscroll td {}
		.gscroll td a {display:block; padding:10px 0 10px 10px}
	.gscroll .active {background-color:<?=$this->colorDark;?>}
		.gscroll .active a {position:relative; z-index:9; background-color:<?=$this->colorDark;?>; margin-right:-10px; padding-right:10px}
	.gscroll .lst a {margin-right:0 !important; padding-right:10px !important}
	.gscroll table {}

#gallery-content {padding-bottom:15px}
	#gallery-content .view-photo {min-height:300px; background:url(/files/images/site/loader.gif) no-repeat 50% 50%; text-align:center; margin-bottom:18px}
	#gallery-content .title-photo {position:relative; background-color:<?=$this->colorLight;?>; padding:7px 11px}
	#gallery-content .title-photo .b {position:absolute; top:-8px; left:50%; margin-left:-7px; width:0; height:0; border-left:7px solid transparent; border-right:8px solid transparent; overflow:hidden; border-bottom:8px solid <?=$this->colorLight;?>}
/* -- ---- gallery view ---- -- */

/* // ---- feedback ---- // */
.feedback {padding:15px 0 10px}
	.feedback .feedback-thanks {background-color:<?=$this->colorDark;?>; font-size:24px; font-weight:bold; padding:13px 19px 14px}
	.feedback .feedback-form {background-color:<?=$this->colorLight;?>; padding:20px 20px 5px}
	.feedback .inputs {padding:0 0 15px 150px}
	.feedback .lbl {position:relative; float:left; left:-150px; margin-right:-150px; padding-top:4px}
	.feedback .inp-txt {float:right; width:463px; font-size:12px}
	.feedback .inp-txt-h {display: none;}
	.feedback .btn {}
		.feedback .btn input {width:83px; height:22px; background:url(/files/images/site/btn-send.gif); border-width:0}
	.feedback .button-disabled {color:#738c9e}
/* -- ---- feedback ---- -- */

/* // ---- bottom ---- // */
.bottom {color:#979797; border-top:5px solid <?=$this->colorDark;?>; font-size:12px; padding:6px 0 10px; line-height:18px}
	.bottom .b-left {float:left; width:220px; padding:0 0 0 30px}
	.bottom .b-right {float:right; width:660px; text-align:right}
	.bottom a {color:#688fec}
		.bottom a:hover {color:#476fcf}
/* -- ---- bottom ---- -- */

.news2col {position:relative; font-size:13px; padding-bottom:34px}
	.news2col .width50 {width:310px; padding-right:20px}
	.news2col h2, .side-news .title {font-size:14px; padding-top:2px}

/* // ---- in tech block ---- // */
.intechblock {background-color:#20a107; font-size:12px; margin-bottom:34px}
	.intechblock .for-editor {color:#fff; line-height:16px; padding:12px 10px 5px 20px}
	.intechblock .for-editor h2 {color:#fff; font-size:14px; letter-spacing:0; text-transform:none}
	.intechblock .col-in-1 {float:left; width:146px}
	.intechblock .col-in-2col {position:relative}
	.intechblock .col-in-2 {float:right; width:146px}
	.intechblock .for-editor li {background:url(/files/images/site/intechblock-li.gif) no-repeat 0 8px; padding:0 0 2px 16px}
	.intechblock .for-editor ul {padding-bottom:18px}
	.intechblock .for-editor .big-order {font-size:24px; line-height:normal; font-weight:bold; padding:2px 0 0 0}
	.intechblock a {color:#fff}
		.intechblock a:hover {}
/* -- ---- in tech block ---- -- */

/* // ---- side news ---- // */
.side-news {border:1px solid #20a107; margin-bottom:10px; padding:15px 15px 13px 30px; font-size:13px; line-height:16px; border-left-width:0}
	.side-news dt {font-weight:bold; padding-bottom:8px}
	.side-news dd {padding-bottom:13px}
/* -- ---- side news ---- -- */

/* // ---- sitemap ---- // */
.sitemap{padding-bottom: 10px;}
.sitemap ul{padding-left: 30px;}
		.sitemap li{padding-bottom: 5px; padding-top: 5px;}
		.sitemap .head {font-size:18px; font-weight:normal; line-height:normal; letter-spacing:normal;}
/* -- ---- sitemap ---- -- */

.for-admin-editor{}
.for-admin-editor .faq-hide{display: inline;}

.up-space{
	padding-top: 20px;
}